<template>
  <div class="bodys">
    <Banners ></Banners>
    <el-container>
      <el-container>
        <!-- 侧边栏 -->
        <el-aside class="elside">
          <el-col :span="15">
            <el-menu default-active="2" class="el-menu-vertical-demo" router>
              <el-menu-item index="userhomes">
                <i class="el-icon-menu"></i>
                <span slot="title">账户管理</span>
              </el-menu-item>
              <el-menu-item index="baseUserlist">
                <i class="el-icon-tickets"></i>
                <span slot="title">基础信息</span>
              </el-menu-item>
              <el-menu-item index="personalDetails">
                <i class="el-icon-user"></i>
                <span slot="title">个人信息</span>
              </el-menu-item>
              <el-menu-item index="company">
                <i class="el-icon-coin"></i>
                <span slot="title">企业信息</span>
              </el-menu-item>
              <el-menu-item index="setSafety">
                <i class="el-icon-setting"></i>
                <span slot="title">安全设置</span>
              </el-menu-item>
              <el-menu-item index="subAccount">
                <i class="el-icon-edit-outline"></i>
                <span slot="title">子用户管理</span>
              </el-menu-item>
              <!-- <el-menu-item index="message">
                <i class="el-icon-message"></i>
                <span slot="title">站内信息</span>
              </el-menu-item>-->
              <el-menu-item index="staff">
                <i class="el-icon-notebook-1"></i>
                <span slot="title">员工管理</span>
              </el-menu-item>
              <el-menu-item index="paid">
                <i class="el-icon-tickets"></i>
                <span slot="title">代付管理</span>
              </el-menu-item>
              <el-menu-item index="order">
                <i class="el-icon-tickets"></i>
                <span slot="title">我的订单</span>
              </el-menu-item>
              <el-menu-item index="myContract">
                <i class="el-icon-tickets"></i>
                <span slot="title">我的合同</span>
              </el-menu-item>
            </el-menu>
          </el-col>
        </el-aside>
        <!-- 主体部分 -->
        <el-main>
          <!-- 路由占位 -->
          <router-view :userdatas="userdatas"></router-view>
        </el-main>
      </el-container>
    </el-container>
    <!-- 底部 -->
    <Foots></Foots>
  </div>
</template>
<script>
import Banners from '@/components/NavHead/index'
// import { getuser } from './userhome.js'
// import { setItem } from '@/utils/store.js'

import Foots from '@/components/Footer/index'
//import { getItem } from '../../utils/store.js'
export default {
  data() {
    return {
      // userdata: [], //用户信息
      userdatas: [], // 账户基础信息头像
    }
  },
  created() {
    // this.getuser() // 获取登录用户信息
   // this.getuserlis() // 账户基础信息头像
  },
  methods: {
    Jump(path) {
      this.$router.push(path)
      console.log(path)
    },
    // async getuser() {
    //   //获取登录用户信息
    //   try {
    //     const data = await getuser()
    //     this.userdata = data.data
    //     setItem('USER_INFO', data)

    //     console.log(data, '登录用户信息存储')
    //   } catch (error) {
    //     console.log(error)
    //   }
    // },

  },
  

  components: {
    Banners,
    Foots,
  },
}
</script>


<style lang="less">
.bodys {
  .fotter {
    margin-top: 20px;
  }
  .users {
    margin-top: 20px;
  }

  .listicon {
    .is-fixed {
      height: 16px;
      background-color: #ff4c4e;
      top: -2px;
      right: 4px;
    }
    display: flex;
    justify-content: space-around;
    align-items: center;
  }

  .item {
    margin-top: 10px;
    margin-right: 40px;
  }

  .pan {
    span {
      margin-bottom: 70px;
    }
    p {
      font-weight: 700;
      font-size: 30px;
    }
    margin: 70px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  font-size: 14px;
  background-color: #f6f7fb;
  .lev {
    margin-top: 30px;
    margin-left: 15px;
  }
  .card {
    height: 300px;
    .ps {
      border-left: 2px dashed #ebeaea;
      // padding: 10px 0;
    }
  }
  .avater {
    margin-left: 20px;
    margin-top: 20px;
    .linep {
      position: relative;
      .progress {
        position: absolute;
        right: -35px;
        left: 60px;
        top: 3px;
      }
    }
    .p p {
      margin: 20px 0;
    }
    .image {
      margin-right: 20px;
      border-radius: 50%;
      box-shadow: 0 0 20px #409eff;
    }
    display: flex;
    justify-content: flix-start;
    //align-items: flex-start;
  }

  .elside {
    margin-right: -108px;
  }
  
}
</style>
